.wrapper{
  padding: 20px;
  font-size: 0;
}
.wrapper > div{
  display: inline-block;
  vertical-align: top;
}
.goods-type{
  width: 15%;
  margin-right: 5%
}
.type-item{
  font-size: 18px;
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #e4e4e4;
  
}
.type-item-title{
  background: #337ab7;
  color: #ffffff;
}
.type-item-hook.active{
  background: #5cb85c;
  color: #ffffff;
}
.type-item-hook:hover{
  background: #5cb85c;
  color: #ffffff;
  cursor: pointer;
}
.goods-list{
  width: 30%;
  margin-right: 5%
}
.goods-list .input-group{
  width: 50%;
}
.select-goods{
  width: 30%;
}
.content{
  margin-top: 20px;
  border: 1px solid #e4e4e4;
}
.content-body{
  height: 470px;
  overflow-y: auto;
  font-size: 0;
}
.select-goods .content{
  margin-top: 54px;
}
.content-title{
  border-bottom: 1px solid #e4e4e4;
  background: #337ab7;
}
.title-item{
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  font-size: 18px;
  text-align: center;
  height: 45px;
  line-height: 45px;
  background: #337ab7;
  color: #ffffff;
}
.content-title .title-item:nth-child(n+2){
  border-left: 1px solid #e4e4e4;
}
.radio-box{
  position: absolute;
  top: calc(50% - 13px);
  left: calc(50% - 13px);
  width: 26px;
  height: 26px;
  border: 1px solid #999999;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}
.radio-box.active{
  background: #5cb85c;
}
.row-item{
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  font-size: 18px;
  text-align: center;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.body-row{
  border-bottom: 1px solid #e4e4e4;
}
.body-row .row-item:nth-child(n+2){
  border-left: 1px solid #e4e4e4;
}
.empty-title{
  font-size: 20px;
  color: #999;
  text-align: center;
  margin-top: 200px;
}
.row-item .glyphicon{
  cursor: pointer;
}
.row-item .glyphicon:hover{
  color: #ff5555;
}

/* 婊氬姩鏉℃牱寮忎紭鍖� */
::-webkit-scrollbar {
/*璁剧疆婊氬姩鏉＄殑瀹斤紝楂樺害鑷�傚簲鍗冲彲*/
  width: 4px;
  height: auto;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
/*璁╁灞傝建閬撳拰鎸囩ず鍧楁樉绀哄渾瑙掞紝浠ュ強閫忔槑鏄剧ず*/
  border-radius: 10px;
  border: 1px solid transparent;
}
::-webkit-scrollbar-track {
/*璁剧疆澶栧眰杞ㄩ亾鏍峰紡*/
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}
::-webkit-scrollbar-thumb {
/*璁剧疆杞ㄩ亾鍐呮粦鍔ㄦ寚绀哄潡鐨勫ぇ灏忎互鍙婂憟鐜版牱寮�*/
  min-height: 20px;
  background-clip: content-box;
  box-shadow:0 0 5px rgba(0,0,0,.2) inset;
}
::-webkit-scrollbar-corner {
/*杈硅閫忔槑鏄剧ず*/
  background: transparent;
}